<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
<title>{{$pageTitle}}</title>
<meta NAME="ROBOTS" CONTENT="INDEX,FOLLOW">
<meta name="Keywords" content="{{$pageTitle}},{{if $seokeywords}}{{$seokeywords}}{{else}}{{$site[seokeywords]}}{{/if}}" />
<meta name="Description" content="{{if $seodescription}}{{$seodescription}}{{else}}{{$site[seodescription]}}{{/if}}" />
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<meta name="renderer" content="webkit">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="x-rim-auto-match" content="none">
<!--[if lt IE 9]>
	{{$this->Html->script(array('html5shiv.js','respond.min.js'))}}
<![endif]-->
{{$this->Html->meta('icon')}}

<style>
* {max-width: 100%!important;margin:0;padding:0;box-sizing: border-box!important;-webkit-box-sizing: border-box!important;word-wrap: break-word!important;}

html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;line-height:1.6}
body{-webkit-touch-callout:none;font-size:16px;font-family:"Helvetica Neue",Helvetica,"Microsoft YaHei","微软雅黑",Arial,sans-serif;background-color:#f3f3f3;line-height:inherit}
h1,h2,h3,h4,h5,h6{font-weight:400;font-size:16px}
*{margin:0;padding:0;font-style:normal}
a{color:#607fa6;text-decoration:none}
p{clear:both;margin:0 0;font-size:16px;min-height:1em;white-space: normal;}
img{*zoom:1;max-width:100%;*max-width:96%;height:auto !important;}
.Content-title {padding-bottom: 10px;margin-bottom: 14px;border-bottom: 1px solid #e7e7eb;line-height:1.4;font-weight:400;font-size:24px}
.msg-content{overflow:hidden;color:#3e3e3e;position: relative;}
.msg-content *{max-width:100%!important;box-sizing:border-box!important;-webkit-box-sizing:border-box!important;word-wrap:break-word!important}
.msg-content p{clear:both;min-height:1em;white-space:pre-wrap}
.msg-content em{font-style:italic}
.msg-content fieldset{min-width:0}
.msg-content .list-paddingleft-2{padding-left:30px}
.msg-content blockquote{margin:0;padding-left:10px;border-left:3px solid #dbdbdb}
/* fix Firefox - max-width images not working within fieldset */
fieldset {border:0 none;}
fieldset img{width: 100%;max-width: -moz-fit-content;max-width: -webkit-fit-content;}
.135page{position: relative;}

{{if Configure::read('Page.extracss') }}
{{Configure::read('Page.extracss')}}
{{/if}}

.clearfix:before,
.clearfix:after{
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}

.bdshare-slide-button-box{position:fixed;}

.bigtxt .msg-content ,.bigtxt .msg-content *{font-size:19px !important;}
.smalltxt .msg-content ,.smalltxt .msg-content *{font-size:14px !important;}

#wxmsg-normal-text,#wxmsg-small-text,#wxmsg-big-text{cursor:pointer;}
#wxmsg-normal-text{color:#607fa6;}
.bigtxt #wxmsg-big-text{color:#607fa6;}
.smalltxt #wxmsg-small-text{color:#607fa6;}
.bigtxt #wxmsg-normal-text,.smalltxt #wxmsg-normal-text{color:#3e3e3e;}
.qr_code_pc{position:absolute;right:-185px;top:20px;text-align:center;background:#FFF;padding:16px;border: 1px solid #d9dadc;}
.qr_code_pc_img{width:135px;}

{{if !defined('IS_MOBILE') }}
#main-content{padding:30px 30px 30px;}
{{else}}
#main-content{padding:5px 10px 20px;}
{{/if}}
</style>
{{$this->Html->css(array(
	'/js/fullpage/jquery.fullPage.css',
        ));
}}
<script type="text/javascript">
var BASEURL = "{{APP_SUB_DIR}}";
</script>
</head>
<body style="background:#efefef">
<div id="main-content" class="clearfix" style="margin:0 auto;box-sizing: border-box;position:relative;{{if $_GET['width']}} max-width:{{intval($_GET['width'])}}px !important;{{else}}max-width:600px !important;{{/if}}background:#FFF;">
		<portlet portlet="onlycontent">
		<?php  $isPaid=false; ?>
		{{if $ephemeral && !$c}} <!-- 阅后即焚 -->
			<section class="135brush layout" style="white-space: normal;font-size: 14px; line-height: 25px; margin: 2px auto; padding: 10px 10px; border: 2px dashed #dedcde;max-width: 100%;">
			        {{if $isPaid}}
			        <p style="color: rgb(51, 51, 51); text-align: center;">
			        	<br/>
			        	仅用于编辑预览，网址已过期失效.<br/>
			        	请重新编辑查看。<br/>
			        	文章请勿包含诱导分享，虚假中奖，违法违纪等信息。<br/>
			        	<br/>
			        	<img id="js_pc_qr_code_img" class="qr_code_pc_img" src="/tools/qrcode?uri={{urlencode(Router::url('/wx_msgs/spview/'.$WxMsg['WxMsg']['creator'].'/'.$WxMsg['WxMsg']['id'].'?expire='.$expire_ts.($_GET['c'] ? '&c='.$_GET['c'] : ''),true))}}">
			           	<br/>
			           	<br/>可扫描/识别二维码查看最新预览效果。
			           	<br/>请勿分享朋友圈。
			           	<br/><br/>通过<a href="http://www.135editor.com/companies/mine" target="_blank">企业认证</a>后，文章可永久访问。
			        </p>
			        {{else}}
			        	<p><br></p>
			        	<p style="color:red;">仅用于编辑预览，网址已过期失效。</p>
			        	<p>请重新编辑查看。</p>
			        	<p style="color:#999;">文章请勿包含诱导分享，虚假中奖，违法违纪等信息。</p>
			        	<p><br/><br/><br/>通过<a href="http://www.135editor.com/companies/mine" target="_blank">企业认证</a>后，可永久访问。</p>		        	
			        {{/if}}
			        <p><br></p>
			        <p>135编辑器技术支持。</p>
			        <p><br></p>					
				
			</section>				
		{{else}}
			
				<h2 class="Content-title"></h2>
				<div class="Content-info" style="margin-bottom:30px;">
				  <div style="float:right;">
				  	字号：<span id="wxmsg-big-text" onclick="$('#main-content').attr('class','bigtxt');">大</span> &nbsp; 
				  	<span id="wxmsg-normal-text" onclick="$('#main-content').removeAttr('class');">中</span> &nbsp; 
				  	<span id="wxmsg-small-text" onclick="$('#main-content').attr('class','smalltxt');">小</span>
				  </div>
				   <span style="margin-right:8px;"><?php echo substr($WxMsg['WxMsg']['created'],0,10); ?></span> &nbsp; <a href="#"><?php echo htmlspecialchars($WxMsg['WxMsg']['author']); ?></a>
				</div>

				{{if !$c && $WxMsg['WxMsg']['creator']!= $current_user_id }}
					<section class="135brush layout" style="white-space: normal;background-color: #fcf8e3;font-size: 14px; line-height: 25px; margin: 2px auto; padding: 10px 10px; border: 2px dashed #dedcde;max-width: 100%;">
						<p class="alert alert-warning">文章阅后即焚{{if $expire}}，过期时间还剩余 <em style="font-style: italic;">{{$expire}}</em>{{/if}}</p>
						<p>通过<a href="http://www.135editor.com/companies/mine" target="_blank">企业认证</a>后，文章可永久访问。</p>
						<p>请勿包含诱导分享，虚假中奖，违法违纪等信息。</p>
					</section>
				    <p><br></p>
				    <section class="135brush layout" style="white-space: normal;background-color: #fcf8e3;font-size: 14px; line-height: 25px; margin: 2px auto; padding: 10px 10px; border: 2px dashed #dedcde;max-width: 100%;">
						<p><strong>135编辑器，最好用的文章排版工具。</strong><br/>文章内容由用户发布，不代表135的观点。如发现违法违规内容，请访问135网站加QQ群联系管理员举报。</p>
					</section>
				{{else}}
					
				{{/if}}
                
                <p><br></p>
				{{if  $WxMsg['WxMsg']['show_cover_pic'] && $WxMsg['WxMsg']['coverimg']}}
				    <div class="clearfix">
				    	<img style="padding:10px 0;" alt="" src="{{$this->Html->url($WxMsg['WxMsg']['coverimg'])}}" >
				    </div>
				{{/if}}
			    <div id="fullpage" class="msg-content">

			    </div><!-- end fullpage -->
				
				<p><br></p>
				<div class="clearfix Content-info">
					<small style="color:#9c9c9c;clear:both;line-height:25px;">
					  {{if !$c }}<span style="float:right;">排版由135编辑器提供支持</span>{{/if}}
					  <span style="float:left;">
					   阅读  <span class="ui-stats-num" id="Stats-WxMsg-{{$WxMsg['WxMsg']['id']}}-view_nums"><?php echo $WxMsg['WxMsg']['view_nums']; ?></span>
					   </span>
					</small>   
				</div>
				<p><br></p>
				
				<?php if( !defined('IS_MOBILE') ) {?> 
				<div class="qr_code_pc">
                        <img id="js_pc_qr_code_img" class="qr_code_pc_img" src="/tools/qrcode?uri={{urlencode(Router::url('/wx_msgs/spview/'.$WxMsg['WxMsg']['creator'].'/'.$WxMsg['WxMsg']['id'].'?expire='.urlencode($expire_ts).($_GET['c'] ? '&c='.$_GET['c'] : ''),true))}}">
                        <p><small>手机扫一扫<br>查看手机预览效果</small></p>
                </div>
                <?php } ?>
		{{/if}}	
				
				{{if  $WxMsg['Wx'] && $WxMsg['Wx']['qrcode'] }}
				    <div style="text-align:center;">
				    <img width="200px" title="扫描二维码关注<b><?php echo $WxMsg['Wx']['name']; ?>" alt="" src="{{$this->Html->url($WxMsg['Wx']['qrcode'])}}" >
				    <p>扫描二维码关注 “<b><?php echo $WxMsg['Wx']['name']; ?></b>”</p>
				    </div>
				{{/if}}
				
		</portlet>	
{{if !defined('IS_MOBILE')}}
<script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"16"},"slide":{"type":"slide","bdImg":"0","bdPos":"left","bdTop":"100"},"image":{"viewList":["qzone","tsina","tqq","renren","weixin"],"viewText":"分享到：","viewSize":"16"},"selectShare":{"bdContainerClass":null,"bdSelectMiniList":["qzone","tsina","tqq","renren","weixin"]}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>

{{/if}}

</div>


{{if !empty($signPackage) }}
<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script>

wx.config({
    debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
    appId: "{{$signPackage['appId']}}", // 必填，公众号的唯一标识
    timestamp: {{$signPackage['timestamp']}}, // 必填，生成签名的时间戳
    nonceStr: "{{$signPackage['nonceStr']}}", // 必填，生成签名的随机串
    signature: "{{$signPackage['signature']}}",// 必填，签名，见附录1
    jsApiList: ['onMenuShareTimeline','onMenuShareAppMessage','onMenuShareQQ','onMenuShareWeibo','onMenuShareQZone'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
});

window.share_config = {
     "share": {
        "imgUrl": "{{$WxMsg['WxMsg']['coverimg']}}",//分享图，默认当相对路径处理，所以使用绝对路径的的话，“http://”协议前缀必须在。
        "desc" : "{{$WxMsg['WxMsg']['summary']?$WxMsg['WxMsg']['summary']:$pageTitle.'-'.$site[title]}}",//摘要,如果分享到朋友圈的话，不显示摘要。
        "title" : '{{$pageTitle}}',//分享卡片标题
        "link": window.location.href,//分享出去后的链接，这里可以将链接设置为另一个页面。
        "success":function(){//分享成功后的回调函数
        },
        'cancel': function () { 
            // 用户取消分享后执行的回调函数
        }
    }
};  

wx.ready(function(){
	wx.onMenuShareAppMessage(share_config.share);//分享给好友
    wx.onMenuShareTimeline(share_config.share);//分享到朋友圈
    wx.onMenuShareQQ(share_config.share);//分享给手机QQ
    wx.onMenuShareWeibo(share_config.share); //分享到微博
    wx.onMenuShareQZone(share_config.share); //分享到QQ空间
});

</script>

{{/if}}

{{$this->Html->script(array(
	'jquery/jquery.min.js','jquery/jquery.lazyload.js',
            //'fullpage/jquery.easings.min.js','fullpage/jquery.fullPage.min.js',
        ));
}}

<script type="text/javascript">
var data = {{json_encode($WxMsg['WxMsg'])}};

$(function(){
    $('h2.Content-title').html(htmlspecialchars(data.name));
    $('#fullpage').html(data.content);
});
function htmlspecialchars(str){
    str = str.replace(/&/g, '&amp;');
    str = str.replace(/</g, '&lt;');
    str = str.replace(/>/g, '&gt;');
    str = str.replace(/"/g, '&quot;');
    str = str.replace(/'/g, '&#039;');
    return str;
}
{{if !defined('IS_MOBILE')}}
	$(window).resize(function(){
			var offset = $('#main-content').offset();
			$('.bdshare-slide-button-box').css({
				'left':offset.left + $('#main-content').width() + 60
			});
	});
	
	{{/if}}
	
	
	$(function(){
		
		$("img.lazy").lazyload({
			placeholder : "/img/grey.gif",
			effect: "fadeIn",
			threshold : 100,
			data_attribute  : "src",
			failure_limit:50
		});
		
		setTimeout(function(){
			$(window).trigger('resize');
		},2000);
		
		/*
		
		$('#fullpage').find('> p').remove();
		$('#fullpage').find('> .135page').css({'position': 'relative'}).addClass('section');
		
		
		
		$('#fullpage').fullpage({
	        //Navigation
	        menu: false,
	        //anchors:['firstPage', 'secondPage'],
	        navigation: true,
	        //navigationPosition: 'right',
	        //navigationTooltips: ['firstSlide', 'secondSlide'],
	        //showActiveTooltips: false,
	        //slidesNavigation: true,
	        //slidesNavPosition: 'bottom',

	        //Scrolling
	        css3: true,
	        scrollingSpeed: 700,
	        autoScrolling: true,
	        fitToSection: true,
	        scrollBar: false,
	        easing: 'easeInOutCubic',
	        easingcss3: 'ease',
	        loopBottom: false,
	        loopTop: false,
	        loopHorizontal: true,
	        continuousVertical: false,
	        //normalScrollElements: '#element1, .element2',
	        scrollOverflow: false,
	        touchSensitivity: 15,
	        normalScrollElementTouchThreshold: 5,

	        //Accessibility
	        keyboardScrolling: true,
	        animateAnchor: true,
	        recordHistory: true,

	        //Design
	        controlArrows: true,
	        verticalCentered: true,
	        resize : false,
	        sectionsColor : ['#ccc', '#fff'],
	        paddingTop: '3em',
	        paddingBottom: '10px',
	        //fixedElements: '#header, .footer',
	        responsive: 0,

	        //Custom selectors
	        sectionSelector: '.section',
	        slideSelector: '.slide',

	        //events
	        onLeave: function(index, nextIndex, direction){
	        	$('.135editor').each(function(){
					var offset = $(this).data('offset');
					$(this).animate({
						left: offset.left + 'px',
						top: offset.top + 'px'
					}, 500);
				});
	        },
	        afterLoad: function(anchorLink, index){},
	        afterRender: function(){
	        	$('#fullpage').find('.135editor').each(function(){
	    			$(this).css({'position':'absolute','width':'100%'});
	    			var offset = $(this).offset();
	    			$(this).data('offset',offset);
	    			
	    			$(this).css({'left':offset.left+100,'top':offset.top+200});
	    		});
	        },
	        afterResize: function(){},
	        afterSlideLoad: function(anchorLink, index, slideAnchor, slideIndex){},
	        moveSectionDown: function(){},
	        onSlideLeave: function(anchorLink, index, slideIndex, direction){}
	    });*/
		
	})
	
	
	
	</script>
	{{$site['stat_code']}}
{{if $current_data_id}}
<script src="/stats_days/numlog/{{$current_model}}/{{$current_data_id}}/view"></script>
{{/if}}
</body>
</html>